<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>《剑网3》官网———次世代国风MMORPG</title>
		<link rel="icon" type="image/x-icon" href="https://jx3.xoyo.com/zt/2020/05/08/fenliuye-pc/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script src="js/index_jq.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index_jq_two.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index_jq_three.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--导航条-->
		<header>
			<div class="header_left">
				<img src="./image/logo.png" alt="">
				<img src="image/slogan.png" >
			</div>
			<div class="header_right">
				<ul>
					<li><a href="javascript:void(0);">登录</a></li>
					<li><a href="javascript:void(0);">注册</a></li>
					<li><a href="javascript:void(0);">充值</a></li>
					<li><a href="javascript:void(0);">老玩家回归指南</a></li>
					<li><a class="a" href="javascript:void(0);">客服</a></li>
					<li><a class="a" href="javascript:void(0);">增值服务</a></li>
				</ul>
			</div>
		</header>
		<!-- 网页主体内容 -->
		<div class="movie">
			<video src="https://static.jx3.xoyo.com/video/20210128/niuniandajifumandatang.mp4" autoplay loop muted></video>
			<div class="logo">
				<img src="image/logo-init-48ac5671.png.webp">
			</div>
			<div class="home">
				<a href="javscript:;"></a>
			</div>
			<div class="user">
				<div class="user_one">
					<div id="submit" class="title_left">
						手机注册
					</div>
					<div id="submit" class="title_right">
						个性注册
					</div>
					<div id="show" class="show_left">
							<input  placeholder="输入手机号" type="text">
							<input  placeholder="点击按钮验证" type="text">
							<input  placeholder="输入验证码" type="text">
							<input id="input" placeholder="输入密码" type="text">
							<div class="web">
								<input type="checkbox" name="" id="checkbox" value="" />
								<p>我同意金山网络服务使用协议</p>
							</div>
							<div class="submit">
										
							</div>
					</div>
					<div class="submit">
					</div>
					<div id="show" class="show-right">
						<input type="text" placeholder="输入账号(首位字母,非邮箱4-18位)">
						<input type="text"
placeholder="密码(8-32位字母/数字/符号组合)">
						<input type="text"placeholder="输入信息获取验证码">
						<div class="web">
							<input type="checkbox" name="" id="checkbox" value="" />
							<p>我同意金山网络服务使用协议</p>
						</div>
					</div>
				</div>
				<div class="user_two">
					<div class="img">
						<img id="img01" src="./image/zxjl1-1efe3f7c.png.webp" alt="">
					</div>
					<ul class="pointer">
						<li id="li01" class="active"></li>
						<li id="li01"></li>
					</ul>
					<div class="button">
						
					</div>
				</div>
				<div class="user_three">
					<div class="img">
						<img id="img02" src="./image/xzjp1-2c7c98dc.png.webp" >
					</div>
					<ul class="pointer">
						<li id="li_two"></li>
						<li id="li_two"></li>
						<li id="li_two"></li>
						<li id="li_two"></li>
					</ul>
					<div class="button">
					</div>
				</div>
			</div>
		</div>
		<div class="animate">
			<div class="picture">
				<div class="center">
					<div id="box01" class="box hover">
						<div class="box_left">
							<img id="box02" src="./image/nav-1-f3910735.png.webp" >
						</div>
						<div class="box_right">
							<img src="image/show-1-236c76cb.png.webp" >
						</div>
					</div>
					<div id="box01" class="box">
						<div class="box_left">
							<img id="box02" src="./image/nav-2-9722f17d.png.webp" >
						</div>
						<div class="box_right">
							<img src="./image/show-2-22f8b564.png.webp" >
						</div>
					</div>
					<div id="box01" class="box">
						<div class="box_left">
							<img id="box02" src="image/nav-3-18363013.png.webp" >
						</div>
						<div class="box_right">
							<img src="image/show-3-6de4bd9b.png.webp" >
						</div>
					</div>
					<div id="box01" class="box">
						<div class="box_left">
							<img id="box02" src="./image/nav-4-811c2ca8.png.webp" >
						</div>
						<div class="box_right">
							<img src="image/show-4-4cf1dada.png.webp" >
						</div>
					</div>
					<div id="box01" class="box">
						<div class="box_left">
							<img id="box02" src="./image/nav-5-d09bb4ea.png.webp" >
						</div>
						<div class="box_right">
							<img src="image/show-5-425adc95.png.webp" >
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="news">
			<div class="news_title">
				<img src="image/xfe-layer-12-9edbcc59.png.webp" >
			</div>
			<div class="flower"></div>
			<div id="movie" class="movie">
				<video src="https://static.jx3.xoyo.com/video/20200916/fengtianzhengdao-CG10s-silent.mp4" autoplay loop muted=""></video>
				<div id="btn" class="button"></div>
				<div class="ear">
					<img src="image/下载%20(4).png" >
				</div>
			</div>
		</div>
		<!--侧边导航条-->
		<nav id='nav'>
			<div class="lower"></div>
			<ul>
				<li id="lower"></li>
				<li id="lower"></li>
				<li id="lower"></li>
				<li id="lower"></li>
				<li id="lower"></li>
				<li id="lower"></li>
				<li id="lower"></li>
				<li id="lower"></li>
			</ul>
		</nav>
		<!--遮罩层-->
		<div id="mark" class="show"></div>
		<!--第一个弹出视频-->
		<div id="mp4_one" class="mp4_one">
				<video id="mp4_one_one"  src="https://static.jx3.xoyo.com/video/20200828/fengtianzhengdao-CG.mp4" autoplay controls></video>
		<!--第一个删除-->
		<div class="del_one">
			<img src="image/下载%20(5).png" >
		</div>
		</div>
		<!--第二个弹出视频-->
		<div id="mp4_two" class="mp4_one">
				<video id="mp4_two_two"  src="https://static.jx3.xoyo.com/video/20201130/qinggong5.0.mp4" controls></video>
		<!--第二个删除-->
		<div id="off" class="del_one">
			<img src="image/下载%20(5).png" >
		</div>
		</div>
		<!--轮播图切换效果-->
			<div class="movies_title"></div>
		<div class="movies">
			<div class="movies_banner">
				<video id="mv_one" src="https://static.jx3.xoyo.com/video/20191126/gfsj_zy.mp4" autoplay loop muted ></video>
				<div class="banner_nav">
					<div id="nav_one" class="nav"></div>
					<div id="nav_one" class="nav"></div>
					<div id="nav_one" class="nav"></div>
					<div id="nav_one" class="nav"></div>
					<div id="nav_one" class="nav"></div>
					<div id="nav_one" class="nav"></div>
				</div>
			</div>
		</div>
		<!--十六门派-->
		<div class="sect">
			<div class="sect_title"></div>
			<!--内容板块-->
			<div class="sect_center">
				<img id="img_two" src="image/bg-a7d1a5e6.png.webp" >
			</div>
			<!--内容板块选项-->
			<div class="sect_nav">
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
				<div class="sect_nav_navs"></div>
			</div>
		</div>
		<!--超乎想象的多种玩法-->
			<div class="plays_title"></div>
		<div class="plays">
			<div class="plays_center">
				<img id="img03" src="./image/ts0-63f3a4b6.jpg.webp" alt="">
				<ul>
					<li id="playsImg"></li>
					<li id="playsImg"></li>
					<li id="playsImg"></li>
					<li id="playsImg"></li>
					<li id="playsImg"></li>
					<li id="playsImg"></li>
				</ul>
			</div>
		</div>
		<!--前所未有的轻功体验-->
		<div class="feeds">
			<div class="feeds_body">
				<div class="feeds_title"></div>
				<div class="feeds_center">
					<video src="https://static.jx3.xoyo.com/video/20201130/qinggong5.0_5S.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
					<div id="btn_two" class="button"></div>
					<div id="ear" class="ear">
						<img src="image/下载%20(4).png" >
					</div>
				</div>
			</div>
		</div>
		<!--收尾-->
		<div class="end">
			<div class="end_img">
				<div class="end_title">
					
				</div>
				<div class="button">
					<div class="btn"></div>
					<div class="btn"></div>
				</div>
				<div class="xinxi"></div>
			</div>
		</div>
		<!--版权信息-->
		<footer>
			<div class="footer_center">
				<p>
					<img src="./image/下载.png" alt="">
					<img src="./image/下载%20(1).png" alt="">
					<ul>
						<li><a href="javascript:void(0);">关于我们</a></li>
						<span>|</span>
						<li><a href="javascript:void(0);">服务协议</a></li>
						<span>|</span>
						<li><a href="javascript:void(0);">客服中心</a></li>
						<span>|</span>
						<li><a href="javascript:void(0);">联系我们</a></li>
						<span>|</span>
						<li><a href="javascript:void(0);">诚聘英才</a></li>
					</ul>
				</p>
				<br><br>
				<p>Copyright © 1999-2021 成都西山居世游科技有限公司 版权所有</p>
				<p><a class="small" href="">增值电信业务经营许可证 川B2-20130104</a><a class="small" href="">蜀ICP备14009198号-2</a><a class="small" href="">川公网安备 51019002000850号</a><a class="small" href="">文网游备字〔2017〕Ｃ-RPG 0031 号 </a></p>
				<p><a class="small" href="">网络文化经营许可证 川网文[2018]9435-346号</a><a class="small" href="">互联网出版许可证 新出网证<川>字027号</a></p>
				<p>
					<a class="small" href="">信息系统安全等级保护备案证书编号：51010013010</a><a class="small" href="">《网络游戏管理暂行办法》第九条内容</a>
					<a class="small" href="">《中华人民共和国网络安全法》</a>
				</p>
				<p>
					<img src="image/下载%20(2).png" >
					<img class="i" src="./image/下载%20(3).png" alt="">
					<span>
						婉拒18岁以下未成年用户进入游戏 健康游戏忠告：抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身
					</span>
					<span>
						合理安排时间 享受健康生活 进入：  <a class='small' href="">未成年人家长监护系统</a>	<a class="small r" href="">违法和不良信息举报中心</a>
					</span>
				</p>
			</div>
		</footer>
	</body>
</html>
